<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title>主界面</title>
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <script src="./js/jquerysession.js"></script>
    <script src="./js/bootstrap-datetimepicker.js"></script>

    <link rel="stylesheet" href="./css/bootstrap-datetimepicker.min.css">
    <link href="./css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="./css/bootstrap-theme.min.css" rel="stylesheet" type="text/css">
    <link href="./css/templatemo_style.css" rel="stylesheet" type="text/css">

</head>
<body style="background: #e7e7e7">


<div class="container">
    <div id="myNavbar" class="container">

    </div>

    <div class="container">
        <div>
            <p><a id="addClass" class="hidden" data-toggle="modal" data-target="#modalAddSub">+添加课程</a></p>
            <p><a id="joinClass" class="hidden" data-toggle="modal" data-target="#modalJoinClass">+加入课程</a></p>
        </div>
        <div class="row" id="div_index">

        </div>
    </div>
</div>
</div>

<!--modal添加课程-->
<div class="modal fade" id="modalAddSub" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true"
     style="display: none;">
    <div class="modal-dialog ">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title">添加课程</h4>
            </div>
            <div class="modal-body">
                <p>课程名：<input type="text" class="form-control" id="modalAddSub_textSubName"></p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="modalAddSub_btnSubmit">添加</button>
            </div>
        </div>
    </div>
</div>

<!--modal加入课程-->
<div class="modal fade" id="modalJoinClass" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true"
     style="display: none;">
    <div class="modal-dialog ">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title">加入课程</h4>
            </div>
            <div class="modal-body">
                <p>邀请码:<input type="text" class="form-control" id="modalJoinClass_textSubCode"></p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="modalJoinClass_btnJoinSubject">点击加入</button>
            </div>
        </div>
    </div>
</div>


</body>
<script type="text/javascript" src="js/scriptIndex.js"></script>
<script type="text/javascript" src="js/scriptMyNavbar.js"></script>
</html>